<#include "/common/defaultEngine.html"/>
<@pageTheme mark="${config.optimize()?string('true', 'false')}">
<@header title="新增报销" bodyClass="white-bg" libs=["prism","bootstrapSelect","ueditor"]/>
<div class="wrapper wrapper-content ibox-content">
    <@form.form id="form-reimburse-add"  class="form-horizontal">
    <input  type="hidden" name="userId" value="${user.id}">
    <input  type="hidden" name="userName" value="${user.name}">
    <div class="form-group">        <label class="col-sm-3 control-label"><@ctx.i18n text = "申请人"/>：<i class="fa fa-question-circle-o" title="销售员"></i>
    </label>
        <div class="col-sm-8"><input name="userName" class="form-control" type="text"  required readonly="true" value="${user.name}">
        </div>
    </div>
    <div class="form-group">        <label class="col-sm-3 control-label"><@ctx.i18n text = "销售员"/>：<i class="fa fa-question-circle-o" title="销售员"></i>
    </label>
        <div class="col-sm-8"><input name="saleUserid" class="form-control" type="text"  required readonly="true">
        </div>
    </div>
    <div class="form-group">        <label class="col-sm-3 control-label"><@ctx.i18n text = "销售订单编号"/>：<i class="fa fa-question-circle-o" title="销售订单编号"></i>
    </label>
        <div class="col-sm-8"><input name="saleOrderNumber" class="form-control" type="text"  required readonly="true">
        </div>
    </div>
    <div class="form-group">        <label class="col-sm-3 control-label"><@ctx.i18n text = "车辆识别号"/>：<i class="fa fa-question-circle-o" title="车辆识别号"></i>
    </label>
        <div class="col-sm-8"><input name="outCarVin" class="form-control" type="text"  required readonly="true">
        </div>
    </div>
    <div class="form-group">        <label class="col-sm-3 control-label"><@ctx.i18n text = "车型"/>：<i class="fa fa-question-circle-o" title="车型"></i>
    </label>
        <div class="col-sm-8"><input name="outCarVehicle" class="form-control" type="text"  required readonly="true">
        </div>
    </div>
    <div class="form-group">
        <label class="col-sm-3 control-label"><span style="color: red; ">*</span><@ctx.i18n text = "费用发生日期"/>：</label>
        <div class="col-sm-8">
            <div class="input-group date">
                <span class="input-group-addon"><i class="fa fa-calendar"></i></span>
                <input class="form-control time-input" name="reimburseTime"  data-type="date" data-format="yyyy-MM-dd" type="text"  required/>
            </div>
        </div>
    </div>
    <div class="form-group">        <label class="col-sm-3 control-label"><span style="color: red; ">*</span><@ctx.i18n text = "报销金额"/>：                               <i class="fa fa-question-circle-o" title="报销信息-报销金额"></i>
    </label>
        <div class="col-sm-8"><input name="reimburseAmount" class="form-control" type="text"  required>
        </div>
    </div>
    <div class="form-group">        <label class="col-sm-3 control-label"><span style="color: red; ">*</span><@ctx.i18n text = "凭证"/>：                               <i class="fa fa-question-circle-o" title="报销信息-凭证"></i>
    </label>
        <div class="col-sm-8"><input name="reimburseAttaFilepath" class="form-control" type="text"  required>
        </div>
    </div>
    <div class="form-group">
        <label class="col-sm-3 control-label"><span style="color: red; ">*</span><@ctx.i18n text = "备注"/>：</label>
        <div class="col-sm-8">
            <textarea name="financeRemark" class="form-control" required></textarea>
        </div>
    </div>
    <div class="form-group">        <label class="col-sm-3 control-label"><span style="color: red; ">*</span><@ctx.i18n text = "审批金额"/>：                               <i class="fa fa-question-circle-o" title="出纳审批-审批金额"></i>
    </label>
        <div class="col-sm-8"><input name="cashierAmount" class="form-control" type="text"  required>
        </div>
    </div>
    <div class="form-group">
        <label class="col-sm-3 control-label"><span style="color: red; ">*</span><@ctx.i18n text = "出纳审批"/>：</label>
        <div class="col-sm-8">
            <@form.radio name="cashierApproval" dictType="sys_bpm_crm_passorclose" />
        </div>
    </div>
    <div class="form-group">
        <label class="col-sm-3 control-label"><span style="color: red; ">*</span><@ctx.i18n text = "备注"/>：</label>
        <div class="col-sm-8">
            <textarea name="cashierRemark" class="form-control" required></textarea>
        </div>
    </div>

    <div class="form-group">        <label class="col-sm-3 control-label"><span style="color: red; ">*</span><@ctx.i18n text = "报销比例"/>：                               <i class="fa fa-question-circle-o" title="财务经理审批-报销比例"></i>
    </label>
        <div class="col-sm-8"><input name="financeProportion" class="form-control" type="text"  required>
        </div>
    </div>
    <div class="form-group">        <label class="col-sm-3 control-label"><span style="color: red; ">*</span><@ctx.i18n text = "报销金额"/>：                               <i class="fa fa-question-circle-o" title="财务经理审批-报销金额"></i>
    </label>
        <div class="col-sm-8"><input name="financeAmount" class="form-control" type="text"  required>
        </div>
    </div>
    <div class="form-group">
        <label class="col-sm-3 control-label"><span style="color: red; ">*</span><@ctx.i18n text = "财务经理审批"/>：</label>
        <div class="col-sm-8">
            <@form.radio name="financeApproval" dictType="sys_bpm_crm_passorclose" />
        </div>
    </div>
    <div class="form-group">
        <label class="col-sm-3 control-label"><span style="color: red; ">*</span><@ctx.i18n text = "备注"/>：</label>
        <div class="col-sm-8">
            <textarea name="financeRemark" class="form-control" required></textarea>
        </div>
    </div>

</@form.form>
</div>
<@footer>
<script type="text/javascript">
    var prefix = baseURL + "bpm/reimburse"
    $("#form-reimburse-add").validate({
        focusCleanup: true
    });

    function submitHandler() {
        if (opt.validate.form()) {
            opt.operate.save(prefix + "/add", $('#form-reimburse-add').serialize());
        }
    }

</script>
</@footer>
</@pageTheme>